<template>
    <div class="app-page">
        <!--导航S-->
        <Menu mode="horizontal" :active-name="activeName" ref="activeName" @on-select="openPage">
            <MenuItem name="-2">
                <Icon type="ios-paper"/>
                列表
            </MenuItem>
            <MenuItem name="-1">
                <Icon type="ios-add-circle"/>
                {{ openPageTile }}
            </MenuItem>
        </Menu>
        <!--导航E-->
        <div class="app-mt20">
            <Row class="app-table">
                <Table border ref="selection" :columns="columns4" :data="data1"></Table>
            </Row>
            <Page show-total :total="totalCount" :page-size="pageSize" @on-change="changePage"  style="text-align: right"></Page>
        </div>
    </div>
</template>

<script>
    export default {
        name: "index",

        data() {
            return {
                activeName:'-2',
                openPageTile:'新增',
                tableData: [],
                totalCount: 4,
                pageSize: 10,
                columns4: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                        title: '编号',
                        key: 'id'
                    },
                    {
                        title: '用户名',
                        key: 'name'
                    },
                    {
                        title: '所属分组',
                        key: 'group'
                    },
                    {
                        title: '操作',
                        key: 'operate'
                    },
                    {
                        title: '最后登录IP',
                        key: 'ip'
                    },
                    {
                        title: '最后登录时间',
                        key: 'data'
                    }
                ],
                data1: [
                    {
                        name: 'John Brown',
                        age: 18,
                        address: 'New York No. 1 Lake Park',
                        date: '2016-10-03'
                    },
                    {
                        name: 'Jim Green',
                        age: 24,
                        address: 'London No. 1 Lake Park',
                        date: '2016-10-01'
                    },
                    {
                        name: 'Joe Black',
                        age: 30,
                        address: 'Sydney No. 1 Lake Park',
                        date: '2016-10-02'
                    },
                    {
                        name: 'Jon Snow',
                        age: 26,
                        address: 'Ottawa No. 2 Lake Park',
                        date: '2016-10-04'
                    }
                ]
            }
        }
    }
</script>

<style scoped>

</style>